<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="../../template/tagedu.xhtml">

    <ui:define name="title">
        <title><h:outputText value="TAG - Home"/></title>
    </ui:define>
    <ui:define name="content">
        <div id="homecontent">
            <h1 class="title marginBottomTopMedium">Página Inicial</h1>
            <div id="fastacess">
                <h2>Acesso rápido</h2>
                <ul>
                    <li id="gradefrequency">
                        <span>Frequência</span>
                        <font>Consulte a lista de notas e frequência</font>
                    </li>
                    <li id="board">
                        <span>Horário Semanal</span>
                        <font>Verifique as atividades no quadro de horários</font>
                    </li>

                    <li id="register">
                        <span>Cadastro de Alunos</span>
                        <font>Modifique, adicione e consulte os cadastros de Alunos e professores</font>
                    </li>
                    <!--
                    <li id="calendar">
                        <span>Calendário</span>
                        <font>Consulte o calendário letivo</font>
                    </li>
                    <li id="plan">
                        <span>Plano de ensino</span>
                        <font>Modifique e verifique o quadro de horários</font>
                    </li>
                    -->
                </ul>
            </div>
            
            <!--<div id="reports">
                <h2>Gráficos e estatisticas</h2>
                <span class="tabledata" style="font-size:12px; font-weight: bold; display:block;clear:both;border:2px solid #E6E6E6;">
                    <font style="display:block;height:20px;background:#E6E6E6;margin-bottom:10px;padding: 6px 0px 0px 6px;">Saúde</font>
                <h:outputText styleClass="reportsLabel" value="Índice de Massa Corporal (IMC) Médio: "/>
                <h:outputText styleClass="reportsValue" value="#{home.imc}"/><br/><br/>
                <h:outputText styleClass="reportsLabel" value="Total de alunos: "/> 
                <h:outputText styleClass="reportsValue" value="#{home.qtdTotalAlunosDaEscola}"/>
                <h:outputText styleClass="reportsLabel" value="Desnutridos:  "/>
                <h:outputText styleClass="reportsValue" value="#{home.qtdDesnutridos}"/>
                <h:outputText styleClass="reportsLabel" value="Sobrepeso:  "/>
                <h:outputText styleClass="reportsValue" value="#{home.qtdSobrepesos}"/>
                <h:outputText styleClass="reportsLabel" value="Anêmicos:  "/>
                <h:outputText styleClass="reportsValue" value ="#{home.qtdAnemicos}"/><br/><br/><br/>  
                <span class="clear"></span>
                <p:pieChart id="custom1" value="#{home.pieModelHb}" legendPosition="e" 
                            title="Quadro de Anemia" style="float:left;width:300px;height:200px" />
                <p:pieChart id="custom2" value="#{home.pieModelWH}" legendPosition="e" 
                            title="Quadro de Desnutridos" style="float:left;width:300px;height:200px" />  
                <span class="clear"></span>
                </span>
            </div>
            <span class="clear"></span>
            
            <h2 class="title marginBottomTopMedium">Alertas</h2>
            <p:dataTable id="warnings" value="#{warningMB.roots}" var="alerts"
                         emptyMessage="Nenhum problema localizado">
                <p:column>
                    <f:facet name="header">
                        <h:link outcome="/educational/registration/warning.xhtml" value="Mensagens"/>
                    </f:facet>
                    <h:link outcome="/educational/questions/hb.xhtml" value="#{alerts.type.message}"/>
                </p:column>
            </p:dataTable>-->
            <div id="manual">
                <h2>Seja bem vindo ao TAG</h2>
                <div class="manualList">                    
                    <span class="imgWhatsTag"></span>
                    <p>A Tecnologia de Apoio à Gestão (TAG) é uma plataforma computacional que facilita a organização e o acompanhamento de informações básicas das escolas do município de Santa Luzia do Itanhi. Essa ferramenta foi concebida em parceria com os principais atores locais com o objetivo de ser intuitiva e de agilizar o trabalho do usuário.</p>
                    <p>Nesta versão, você poderá executar operações como:</p>
                    <ul>
                        <li>Cadastro de turmas e organização do horário semanal;</li>
                        <li>Cadastro e matrícula de alunos;</li>
                        <li>Consulta e edição do banco de dados da escola;</li>
                        <li>Acompanhamento da frequência dos alunos;</li>
                        <li>Emissão de listas de frequência para os professores;;</li>
                        <li>Emissão de relatórios das turmas;</li>
                        <li>Emissão de relatórios para o programa do Bolsa Família.</li>
                    </ul>
                    <p>Bom trabalho!</p>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </ui:define>
</ui:composition>